﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="h-ui/lib/html5shiv.js"></script>
    <script type="text/javascript" src="h-ui/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="h-ui/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="h-ui/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>人员信息</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe616;</i> 基础数据
    <span class="c-gray en">&gt;</span>
    人员信息
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <div id="tab-system" class="HuiTab">
        <div class="tabBar cl">
            <span class="btn btn-secondar radius size-L " style="flood-color: black">学生信息</span>
            <span class="btn btn-secondar radius size-L">教师信息</span>
        </div>
        <div class="tabCon">
            <div class="cl pd-5 bg-1 bk-gray mt-5">
					<span class="l">
						<a href="javascript:;" onclick="member_add('添加学生','person/toInsertStudent','','400')"
                           class="btn btn-primary radius">
							<i class="Hui-iconfont">&#xe600;</i>
							添加学生</a>
					</span>
                <span class="r">共有数据：<strong th:text="${StudentList.size()}"></strong> 条</span>
            </div>
            <div class="mt-5">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="24%">姓名</th>
                        <th width="24%">班级</th>
                        <th width="24%">手机</th>
                        <th width="20%">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="SL:${StudentList}" : class="text-c">
                        <!--  #dates.format                      ==0'男':'女'-->
                        <td th:text="${SL.getPersonName()}"></td>
                        <td th:text="${SL.getClassName()}"></td>
                        <td th:text="${SL.getMobile()}"></td>
                        <td class="td-manage">
                            <a title="编辑" href="javascript:;" th:onclick="'stu_edit('+${SL.personId}+')'"
                               class="ml-5"
                               style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                            <a title="删除" href="javascript:;"
                               th:onclick="'member_del('+${SL.personId}+')'"
                               class="ml-5"
                               style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tabCon">
            <div class="cl pd-5 bg-1 bk-gray mt-5">
                <span class="l">
                    <a href="javascript:;" onclick="member_add('添加老师','person/toAddTeacher','','300')"
                       class="btn btn-primary radius">
                        <i class="Hui-iconfont">&#xe600;</i> 添加老师</a>
                </span>
                <span class="r">共有数据：<strong th:text="${TeacherList.size()}"></strong> 条</span>
            </div>
            <div class="mt-5">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="35%">姓名</th>
                        <th width="35%">手机</th>
                        <th width="20%">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="TL:${TeacherList}" class="text-c" id="teachtr">
                        <td th:text="${TL.getPersonName()}"></td>
                        <td th:text="${TL.getMobile()}"></td>
                        <td class="td-manage">
                            <a title="编辑" href="javascript:;" th:onclick="'member_edit('+${TL.personId}+')'"
                               class="ml-5"
                               style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                            <a title="删除" href="javascript:;"
                               th:onclick="'member_del('+${TL.personId}+')'"
                               style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="h-ui/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="h-ui/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="h-ui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="h-ui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="h-ui/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="h-ui/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="h-ui/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="h-ui/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
        $("#tab-system").Huitab({
            index: 0
        });
    });

    /*用户-添加*/
    function member_add(title, url, w, h) {
        layer_show(title, url, w, h);
    }


    /*教师-编辑*/
    function member_edit(id) {
        layer_show('信息编辑','person/toAddTeacher?personId='+id, '','300');
    }
    /*教师-编辑*/
    function stu_edit(id) {
        layer_show('信息编辑','person/toInsertStudent?personId='+id, '','500');
    }

    /*密码-修改*/
    function change_password(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*用户-删除*/
    function member_del(id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.ajax({
                type: 'POST',
                url: 'person/delteach?id='+id,
                dataType: 'json',
                success: function (data) {
                    $(this).parents("tr").remove();
                    console.log(data)
                    if (data.sucess){
                        window.location.reload();
                        layer.msg(data.msg, {icon: 1});
                    }else {
                        layer.msg(data.msg, {icon: 2, time: 1000});
                    }

                },
                error: function (data) {
                    console.log(data.msg);
                },
            });
        });
    }
</script>
</body>
</html>
